<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>dom学习</title>
    <script type="text/javascript">
        // 新创建一个元素节点
        window.onload = function () {
            // 创建li元素节点
            var liNode = document.createElement("li");
            // 获取需要加入li节点的父节点
            var cityNode = document.getElementById("city");
            // 将li元素节点添加到父节点中
            cityNode.appendChild(liNode);

            // 创建一个文本节点
            var textNode = document.createTextNode("香港");
            // 将文本节点放入li元素节点中
            liNode.appendChild(textNode);
        }
    </script>
</head>
<body>
    <ul id="city">
        <li id="bj" name="beijing">北京</li>
        <li id="tj" name="tianjin">天津</li>
        <li id="sjz" name=""shijiazhuang>石家庄</li>
    </ul>
</body>
</html>